<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
	<div class="container" style="margin-left: 2% !important;">
		<div class="navbar-header">
			<a id="dclkLogo" href="<?php echo base_url(); ?>">
			<img width="250" height="90" alt="postleng" class="logo" src="<?php echo base_url().F_IMG; ?>postleng.png">
			</a>
		</div>
	</div>
	<div class="input-append">
		<form onsubmit="return validateForm()" onkeypress="tag_header(this)" name="myForm" method="GET" action="<?php echo base_url(); ?>tags/get-data-by-search/">
			<input id="tag-header" value="" style="line-height: 33px;" placeholder="ស្វែងរកប្រកាសតាមពាក្យគន្លឹះ" class="span8 tag-autocomplete search-box" name="tag" type="text">
			<button type="submit" class="btn btn-bk btn-search-id search-btn-submit" style="margin-top: -3px; background: none; width: 35px;">
				<i class="glyphicon glyphicon-search" style="color:#CCC"></i>
			</button>
		</form>
<script>
function validateForm() {
    var x = document.forms["myForm"]["tag-header"].value;
    if (x==null || x=="") {
        return false;
    }
}
	$('#tag-header').focus(function(){
		if($(this).attr('placeholder')=="ស្វែងរកប្រកាសតាមពាក្យគន្លឹះ"){
			$(this).attr('placeholder',"");
			$('#tag-header').css('border','none');
		}
	})

	$('#tag-header').blur(function(){
		if($(this).attr('placeholder')==""){
			$(this).attr('placeholder',"ស្វែងរកប្រកាសតាមពាក្យគន្លឹះ");
		}
	})
</script>
</div>

</header>